@extends('layout.blog')
@section('title')
    {{ $article_info->title }}
@endsection
@section('content')
    <div id="post_detail" class="content">
        <div class="tag_header"><span>文章详情</span>
            <form action="http://google.com/search" method="get" target="_blank" class="search">
                <div class="search_box"><input type="text" name="q" class="search_input"><input type="hidden" name="q"
                                                                                                value="site:tech.meituan.com"><input
                            type="hidden" name="gw_rd" value="cr"><input type="submit" id="search_submit"><label
                            for="search_submit"></label></div>
            </form>
        </div>

        <article class="detail_post">
            <header class="article__title"><h1 class="title">{{ $article_info->title }}</h1>
                <p class="info">
                    <span class="nick">{{ $article_info->user_name }}</span>
                    <span class="Separate"> ·</span>
                    <span class="date">{{ $article_info->created_at }}</span>
                </p></header>
            <div class="article__content">
                {!! $article_info->content !!}
            </div>
            <footer class="article__footer">
                <div class="meta article__meta">
                    @if(is_array($article_info->cate_arr))
                        @foreach($article_info->cate_arr as $cate)
                            <a href="{{ route('blog.index', ['cate_id' => $cate['id']]) }}" class="tag">
                                <span class="tag_name">{{ $cate['name'] }}</span>
                            </a>
                        @endforeach
                    @else
                        <a href="#" class="tag">
                            <span class="tag_name">未分类</span>
                        </a>
                    @endif
                </div>
                <div class="qr_code_btn_container"><a href="javascript: void(0)" class="qr_code_btn_link"><span
                                class="qr_code_btn"><img src="picture/qr_icon.png"></span></a>
                    <div class="qr_code">
                        <div id="qr_code_btn" class="content"></div>
                    </div>
                    <a href="javascript:window.smoothScrollToTop()"><span class="top_btn"></span></a>
                </div>
            </footer>
        </article>
    </div>
@endsection()